{% extends '@App/Layout.html.twig' %}
{% set seek_active=1 %}

{% block body %}
    <div class="jumbotron">
        <div class="container">
            <hgroup>
                <h1>[  线 索 详 情 ]</h1>
                <h4>如果您有线索，请提供给我们，好人一生平安！</h4>
            </hgroup>
        </div>
    </div>
    <h2 class="tab-h2">[{{ note.FullName }}线索信息]</h2>
    <p class="tab-p">相关信息如下</p>
    <div  id="personinfo">
        <div class="container">
            <div class="row">
                <!--内部百分百-->
                <div class="container-fluid">
                    <div class="row row1">
                        <div class="col-md-4 col-sm-4 col-xs-4 zx">
                            <h3>疑似失踪人员照片：</h3>
                            <img class="img-responsive " src="{{ note.PhotoUrl }}"  alt=""></div>
                        <div class="col-md-8 col-sm-8 col-xs-8 rx">
                            <div class="panel panel-success">
                                <div class="panel-heading">
                                    <h3 class="panel-title">疑似失踪人员{{ note.FullName }}的线索信息</h3>
                                    <p style="padding-top:10px ">信息发布时间：{{ note.EntryDate }}</p>
                                </div>
                                <div class="panel-body" style="padding: 0">
                                    <table class="table">
                                        <tr><th style="border-right: 1px solid #d6e9c6;">疑似失踪人员全名</th> <td>{{ note.FullName }}</td></tr>
                                        <tr><th style="border-right: 1px solid #d6e9c6;">最后一个已知位置</th> <td>{{ note.LastKnownLocation }}</td></tr>
                                        <tr><th style="border-right: 1px solid #d6e9c6;">疑似失踪人员状态</th> <td>{{ note.Status }}</td></tr>
                                        <tr><th style="border-right: 1px solid #d6e9c6;">疑似失踪人员描述</th> <td>{{ note.Text }}</td></tr>
                                        <tr><th style="border-right: 1px solid #d6e9c6;">发布人信息</th> <td><button class="btn btn-default btn-lg" data-toggle = "modal" data-target = "#testmodel3">发布人信息</button></td></tr>
                                        <div class="modal fade" tabindex="-1"  id="testmodel3" >
                                            <!--窗口声明-->
                                            <div class="modal-dialog modal-sm">
                                                <!--内容声明-->
                                                <div class="modal-content">
                                                    <!--头部-->
                                                    <div class="modal-header">
                                                        <button type="button" class="close" data-dismiss = "modal">
                                                            <span >&times;</span>
                                                        </button>
                                                        <h4 class="modal-title">发布人信息</h4>
                                                    </div>
                                                    <!--主体-->
                                                    <div class="modal-body">
                                                        <ul class="list-group">
                                                            <li class="list-group-item list-group-item-success"><h5>发布者姓名：{{ note.AuthorName }}</h5></li>
                                                            <li class="list-group-item list-group-item-success"><h5>发现人联系方式：{{ note.PhoneOfFoundPerson }}</h5></li>
                                                            <li class="list-group-item list-group-item-success"><h5>发现人邮箱：{{ note.EmailOfFoundPerson }}</h5></li>
                                                        </ul>
                                                    </div>
                                                    <!--注脚-->
                                                    <div class="modal-footer">
                                                        <button class="btn btn-default " data-dismiss = "modal">确定</button>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}
